/* CSS Document */
@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body,input,textarea{font-size:14px;color:#666666; font-family: 'Microsoft Yahei';}
img{border:none;}
ul,ol,li,a{list-style:none;text-decoration: none;}
input,select,textarea{outline:none; border:none; background:#FFF;}
textarea{resize:none;}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
}
.hidden{ display:none;}
.poa{ position:absolute;}
i, strong,em{ font-style:normal;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon1 { background-image: url(../images/icon1.png); display: inline-block; vertical-align: middle;}
/*清浮动*/
.clear{height:0; clear:both; display:block;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;clear: both;}
.hide {display: none;}
.show { display: block;}
/*公共部分*/
.fl{ float: left; } /*左浮动*/
.fr{ float: right;} /*右浮动*/
.c { clear: both; } /*清浮动*/
.dn{ display: none; } /*不显示*/
body{ background:#fff;word-wrap:break-word;
word-break:break-all; text-align:center; min-width:1200px;}
a{ color:#333;transition:all .2s ease;}
a:hover{color:#6e4523;}
a img{ border:0px; vertical-align:middle;}
.content img {max-width:600px; max-height:600px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 800 ? "800px" : "auto"):(this.style.height = this.offsetHeight >= 800 ? "600px" : "auto")); display:inline !important;}

.img {overflow: hidden; position: relative;}
li:hover .img img { transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.jk-link {display: block;width: 38px;height: 38px;background-image: url(../images/link.png);background-repeat: no-repeat;background-position: center center;}

.item-mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0); position: absolute; left: 0;top: 0; opacity: 0;-webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
li:hover .item-mask {opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;text-align: center;font-size: 22px;line-height: 38px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%; position: absolute;left: 50%;top: 50%; margin-left: -21px;margin-top: -21px;}